<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../ohter/js库/mock.js"></script>
    <script src="../../ohter/js库/vue.js"></script>
    <title>js对象</title>
    <style>
    </style>
    <script>
        /* 
        创建对象的三种方式
            字面量创建 var obj={}
            new Object() var obj=new Object()
            构造函数
                前面两种方式一次只能创建一个对象

         */
        let obj={
            name:'张三',age:18,
            getage:function () {
                return this.age;
            }
        }
        obj['dd']='def'
        obj.aa=14
        // console.log(JSON.stringify(obj))
        /* 构造函数创建对象
            可以利用函数的方法重复这些相同的代码 把这个函数称为构造函数
            首字母大写
            不需要return只需用this.属性(方法)
            必须用new

        */
       var con=function (name,age,ge) {
            this.name=name;
            this.age=age
            this.sing=function () {
                console.log('最喜欢的哥'+ge)
            }
       }
      var c1= new con('刘德华',18,'忘情水')
      console.log(JSON.stringify(c1))
      var c2= new con()
     
    </script>
</head>

<body>
    <div id="root">
    </div>
</body>
<script>
    new Vue({
        el: '#root',
        data() {
            return {
            }
        },
    })
</script>

</html>